<template>
  <div class="box">
    <div>{{ name }}</div>
     <button @click="show">删除</button>
     <div class="con" v-if="isShow">
        <p>真的要删除吗？</p>
        <button @click="hide">确定</button>
        <button @click="hide">取消</button>
     </div>
  </div>
</template>

<script>
//1.引入混入
import {toggle,a} from "./mixins.js"
export default {
  //2.注册混入
  mixins:[toggle,a],
  data(){
    return {
        name:"妲己"
    }
  }
}
</script>

<style  scoped>
  .con{
        width: 200px;
        height: 200px;
        background: orange;
  }
</style>>

